@import '~ant-design-vue/es/style/themes/default.less';

.ant-pro-global-header-index-right {
  // display: flex;
  margin-right: 8px;
  height: 38px;
  cursor: pointer;

  &.ant-pro-global-header-index-dark {
    .ant-pro-global-header-index-action {
      color: hsla(0, 0%, 100%, 0.85);

      &:hover {
        background: #1890ff;
      }
    }
  }

  .ant-pro-account-avatar {
    display: flex;
    align-items: center;
    .antd-pro-global-header-index-avatar {
      margin: 7px 0;
      margin-right: 8px;
      color: @primary-color;
      vertical-align: top;
      background: rgba(255, 255, 255, 0.85);
    }

    #antd-pro-global-header-index-name {
      line-height: 38px !important;
      color: white;
      // float      : right;
    }

    #antd-pro-global-header-index-name-icon {
      color: #ffffff;
      margin-left: 10px;
      border-radius: 10px;
      font-size: 17px;
    }
  }

  .menu {
    .anticon {
      margin-right: 8px;
    }

    .ant-dropdown-menu-item {
      min-width: 100px;
    }
  }
}

.PUBLIC_A_TABS {
  .ant-tabs-tab {
    font-size: 14px;
    line-height: 22px;
    color: #a3a6b1;
    font-weight: 500;
    &.ant-tabs-tab-active {
      color: #2cb364 !important;
    }
  }

  .ant-tabs-ink-bar {
    width: 24px !important;
    border-radius: 4px !important;
    left: 32px;
  }
}
